<template>
    <div class="main">
		<div class ="title">
			<span>个人信息</span>
		</div>
		<div class="info">
			<van-field
				v-model="data.Name"
				label="姓名:"
				type="input"
				required
			/>
			<van-field
				v-model="data.Mobile"
				label="电话:"
				type="input"
				required
			/>
			<van-field
				v-model="data.Native"
				label="籍贯:"
				type="input"
			/>
			<van-field
				v-model="data.Residence"
				label="住所:"
				type="input"
			/>
			<van-field
				v-model="data.Company"
				label="单位:"
				type="input"
			/>
			<van-field
				v-model="data.Occupation"
				label="职业:"
				type="input"
			/>
		</div>
		<div class="bottom_submit">
			<van-button class="button" type="primary" @click="_submit()" >确 定</van-button>
		</div>
    </div>
</template>

<script>

export default {
	data() {
		return {
			data: {
				Name:"",
				Mobile:""
			},
		}
	},
	created() {
	},

	methods: {

		_submit(){
			if(this.data.Name == null || this.data.Name == ""){
				return this.$toast('请输入姓名');
			}
			else if(this.data.Mobile == null || this.data.Mobile == ""){
				return this.$toast('请输入电话');
			}
			console.log(this.data);
            this.$router.push({
                path: "/chsReport/FirstType",
                query: { 
                    Info: this.data,
                },
            });
        },
	},
}
</script>

<style lang="less" scoped>
.title{
	height: 30px;
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.van-field__label {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 50px;
    margin-right: 0.32rem;
    color: #646566;
    text-align: left;
    word-wrap: break-word;
}
.info{
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 20px;
}
.bottom_submit{
	width: 100%;
	margin-top: 10px;
	text-align: center;
}
.button{
	width: 98%;
}
</style>
